<template lang="html">
  <div class="footer">
    <div class="footer-02">
      <div class="w1200 overhide">
        <div class="about fl">
          <ul class="overhide">
            <li><router-link :to="{ name: 'bot-link',params:{ id : 0 }}">关于我们</router-link></li>
            <li><router-link :to="{ name: 'bot-link',params:{ id : 1 }}">隐私政策</router-link></li>
            <li><router-link :to="{ name: 'bot-link',params:{ id : 2 }}">法律说明</router-link></li>
            <li><router-link :to="{ name: 'bot-link',params:{ id : 3 }}">联系我们</router-link></li>
            <li><router-link :to="{ name: 'bot-link',params:{ id : 4 }}">空间入驻</router-link></li>
            <!-- <li><router-link :to="{ name: 'bot-link',params:{ show :  }}">我要加盟</router-link></li> -->

          </ul>
        </div>
        <div class="footer-code fl">
          <img src="../../assets/images/bot-code.png"/>
        </div>
        <div class="footer-contact fl">
          <div class="footer-tel"><div><p class="tit"><i class="icon bot-tel ver-middle"></i>4008-260-272</p><p>周一至周五  9:00-18:00</p></div></div>
          <div class="footer-mail"><p>客服邮箱 : service@jieyouwork.com</p></div></div>
      </div>
    </div>
    <div class="footer-03">
      <div class="w1200">
        <p>
          友情链接：
          <a href="http://www.ccb.com/cn/home/indexv3.html" target="_blank">中国建设银行</a>
          <a href="http://www.pingan.com/" target="_blank">中国平安银行</a>
          <a href="javascript:void(0);">高新汇</a>
          <a href="javascript:void(0);">沃创空间</a>
          <a href="http://www.nonolady.com/" target="_blank">NONOLADY</a>
          <a href="http://www.yingkelawyer.com/" target="_blank">盈科律师事务所</a>
          <a href="http://www.dachengnet.com/" target="_blank">大成律师事务所</a>
          <a href="http://www.zhiguoguo.com/" target="_blank">知果果</a>
          <a href="http://www.51shebao.com/" target="_blank">51社保</a>
          <a href="javascript:void(0);">联瑞知识产权集团</a>
          <a href="https://www.edianzu.com/" target="_blank">易点租</a>
          <a href="http://www.uubee.com/" target="_blank">有贝支付</a>
          <a href="http://www.ca-sme.org/" target="_blank">中国中小企业协会</a>
        </p>
      </div>
    </div>
    <div class="copyright">
      增值电信业务经营许可证：浙B2-20150116&nbsp;&nbsp;&nbsp;备案号：浙ICP备15004644号-2 ©2017jieyouwork.com&nbsp;&nbsp;&nbsp;版权所有：杭州星阁网络科技有限公司
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      // about:'about',policy:'policy',legal:'legal',call:'call',join:'join'
    }
  }
}
</script>

<style lang="less" scoped>
.footer-02{
  width: 100%;
  min-width: 1200px;
  height: auto;
  overflow: hidden;
  background: #929292;
  color: #fff;
  padding: 25px 0;
  .footer-intro{
    width: 605px;font-size: 14px;line-height: 28px;
    color: #fff;text-indent: 4em;
  }
  .about{
    margin-right: 60px;margin-top: 18px;
    li{
      line-height: 28px;color: #fff;float:left;margin-left: 56px;
      &:first-child{margin-left: 0;}
      a{
        font-size: 14px;color: #cccccc;
        &:hover{color: #fff;}
      }
    }
  }
  .footer-code{
    height: auto;overflow: hidden;padding-left: 60px;
    border-left: 1px solid #fff;
    img{
      vertical-align: top;
    }
  }
  .footer-contact{
    height: auto;overflow: hidden;
    font-size: 12px;width: 250px;margin-left: 130px;
    .footer-tel{
      height: auto;font-size: 14px;overflow: hidden;
      i{
        width: 16px; height: 16px;margin-right: 6px;
        background: url('../../assets/images/css_sprites_index.png') -107px -52px;
      }
    }
    p{color: #fff;}
    p.tit{
      font-size: 16px;color: #ffa702;
      padding-bottom: 5px;font-style: italic;
      font-weight: bold;
    }
    .telbox{
      width: 116px;height: 23px;color: #f5a41a;
      border:1px solid #f5a41a;text-align: center;
      line-height: 23px;border-radius: 4px;
      margin: 15px auto;
    }
    .footer-mail{margin-top: 4px;}
  }
}
.footer-03{
  width:100%;min-width: 1200px;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  padding:20px 0 10px;
  background-color: #656565;
  color: #fff;
  p{
    margin-bottom: 10px;
    line-height: 20px;
    color: #fff;
    a{
      display: inline-block;
      border-left:1px solid #fff;
      height: 16px;
      line-height: 16px;
      color: #fff;
      margin-left: 8px;
      padding-left: 10px;
      &:first-child{
        margin-left: 0;
        border-left:none;
      }
      &:hover{color: #f6ac19;}
    }
  }
}
.copyright{
 height: 65px;
  line-height: 65px;
  width: 100%;
  min-width: 1200px;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
</style>
